<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>公告栏</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="js/rem.js"></script>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/page.css"/>
    <link rel="stylesheet" type="text/css" href="css/all.css"/>
    <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loading.css"/>
    <script type="text/javascript">
        $(window).load(function () {
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300)
        })
    </script>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!--loading页结束-->
<body>
<header class="mui-bar mui-bar-nav report-header box-s" id="header">
    <a href="index.html"><i class="iconfont icon-fanhui fl"></i></a>
    <p>公告栏</p>
</header>
<div id="main" class="mui-clearfix contanine tbody">
    <div class="addlist clearfloat">
        <div class="top clearfloat box-s">
            <ul>
                <li>
                    <span class="fl">公告A</span>
                </li>
                <li>
                    公告内容
                </li>
            </ul>
        </div>
    </div>
</div>


</body>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<!--	<script src="js/fastclick.js"></script>-->
<script src="https://cdn.bootcdn.net/ajax/libs/fastclick/1.0.5/fastclick.min.js"></script>
<script src="js/mui.min.js"></script>
<script type="text/javascript" src="js/hmt.js"></script>
<script type="text/javascript">
	ansUrl = "/announcement/list?num=100"

	$(function(){
		$.get(ansUrl,function (result) {
			for(i of result){
				let tmp_li1 = document.createElement("li")
				tmp_li1.innerHTML = i.announcementTitle
				let tmp_li2 = document.createElement("li")
				tmp_li2.innerHTML = i.announcementInfo
				let tmp_ul = document.createElement("ul")
				tmp_ul.appendChild(tmp_li1).appendChild(tmp_li2)
				let div1 = document.createElement("div")
				div1.appendChild(tmp_ul)
				$(div1).toggleClass("box-s").toggleClass("clearfloat").toggleClass("top")
				let div2 = document.createElement("div")
				div2.appendChild(div1)
				$(div2).toggleClass("addlist").toggleClass("clearfloat")
				$("#main")[0].appendChild(div2)
			}
		})
	})

</script>
</html>
